<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    
    <title>11图片标签</title>
</head>
<body>
    <!-- 
        图片标签：用于向当前页面中引用一个外部图片
            使用img标签引入外部图片，是自结束标签
            img元素是替换元素（基于块和行内元素之间）
            属性：
                src：属性指定的是外部图片的路径（路径规则跟超链接一样）
                alt:对图片的描述,默认不显示，当图片无法加载时会显示
                    搜索引擎会根据alt中的内容来识别图片
                width:设置图片宽度（若只修改一个，另一个属性会自适应改变）
                height:设置图片高度（单位都是像素）
            注意：
                一般在pc端，不建议修改图片大小，要多大就找多大的图
                但是在移动端，经常需要对图片进行缩放（主要是大图缩小）
            图片格式：
                    jpg：支持颜色较丰富，不支持透明效果，不支持动图，一般显示图片
                    gif：支持颜色较少，支持简单透明，支持动图，一般显示颜色单一的图片或动图
                    png：支持颜色丰富，支持复杂透明，不支持动图
                    webp：谷歌新推出的专门用来表示网页中图片的格式，拥有所有格式的优点，文件还小
                            缺点：兼容性差，太老的浏览器显示效果很差
                    base64：将图片使用base64进行编码，这样可以将图片转换为字符，通过字符的形式来引入图片
                            一般都是一些需要和网页一起加载的图片才会使用base64
                    效果显示一样的话用小的，更快加载，效果不一样，用效果好的
     -->
     <img src="./洛轩冬眠大结局.jpg" alt="洛轩冬眠大结局">
     <!-- 也可以用外部链接 -->
     <img width="400" src="https://img.phb123.com/uploads/allimg/171208/1-1G20Q31103.jpg" alt="">
    
</body>
</html>